<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>FrozenUI Demo</title>
        <link rel="stylesheet" href="/public/static/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="/public/static/css/cai.css" />
        <script src="/public/static/js/flexible_css.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/static/js/flexible.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div class="conbody">
            <footer class="ui-footer ui-footer-btn">
                <ul class="ui-tiled ui-border-t">
                    <li data-href="/public/static/index.html" class="ui-border-r"><div><img src="/public/static/img/menu1on.png"></div><i class="choose">首页</i></li>
                    <li data-href="/public/static/index.html" class="ui-border-r"><div><img src="/public/static/img/menu2off.png"></div><i>规则</i></li>
                    <li data-href="/public/static/index.html" class="ui-border-r"><div><img src="/public/static/img/menu3off.png"></div><i>榜单</i></li>
                    <li data-href="/public/static/index.html" class="ui-border-r"><div><img src="/public/static/img/menu4off.png"></div><i>推广</i></li>
                    <li data-href="/public/static/index.html" class="ui-border-r"><div><img src="/public/static/img/menu5off.png"></div><i>我的</i></li>
                </ul>
            </footer>
            <!--顶部信息-->
            <div class="topdata ui-flex ui-flex-align-center">
                <div class="bcount">99999</div>
                <div class="paybtn"><img src="/public/static/img/paybtn.png"></div>
                <div class="prizecount">99999</div>	
            </div>
            <div class="clear"></div>
            <!--广告信息-->
            <div class="guestlist1 ui-whitespace">
                <p class="ordernumbertitle">此次订单号</p>
                <p class="ordernumber">999999999999999999999</p>
                <p class="lastnumber">末尾两位数为 <a class="ui-badge">99</a></p>
            </div>
            <div class="guestlist1 ui-whitespace">
                <p class="guestlisttitle">您的竞猜数据</p>
                <ul class="ui-row">
                    <li class="ui-col ui-col-25">竞猜</li>
                    <li class="ui-col ui-col-25">状态</li>
                    <li class="ui-col ui-col-25">购买</li>
                    <li class="ui-col ui-col-25">结果</li>
                </ul>
                <ul class="ui-row">
                    <li class="ui-col ui-col-25">猜大</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-success">猜对了</a></li>
                    <li class="ui-col ui-col-25">2000</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-success">+20000</a></li>
                </ul>
                <ul class="ui-row">
                    <li class="ui-col ui-col-25">猜小</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-warning">猜错了</a></li>
                    <li class="ui-col ui-col-25">2000</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-warning">-20000</a></li>
                </ul>
                <ul class="ui-row">
                    <li class="ui-col ui-col-25">猜大+猜双</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-success">猜错了</a></li>
                    <li class="ui-col ui-col-25">2000</li>
                    <li class="ui-col ui-col-25"><a class="ui-txt-success">+800000</a></li>
                </ul>
            </div>
            <div class="ui-btn-wrap">
                <button class="ui-btn-lg ui-btn-primary">
                    我不服再猜一次
                </button>
            </div>
        </div>
        <script src="/public/static/lib/zepto.min.js"></script>
        <script src="/public/static/js/frozen.js"></script>
    </body>
</html>